<!-- extends表明此页面继承自 base.html 文件 -->
{% extends "base.html" %}
{% load staticfiles %}

<!-- 写入 base.html 中定义的 title -->
{% block title %}
    详情页面
{% endblock title %}

<!-- 写入 base.html 中定义的 content -->
{% block content %}

<!-- 详情 -->
<div class="container">
    <div class="row">
        <!-- 标题及作者 -->
        <h1 class="col-12 mt-4 mb-4">{{ article.title }}</h1>
        <div class="col-12 alert alert-success">上传人：{{ article.author }}
         {% comment %} · <a href="{% url "article:article_delete" article.id %}">删除文章</a> {% endcomment %}
         · <a href="#" onclick="confirm_delete()">删除</a>
         · <a href="{% url "article:article_update" article.id %}">修改</a>
        </div>
        <!-- 修改备注正文-->
        <div class="col-12">
            <p>修改内容：{{ article.body|safe }}</p>
        </div>
        <div class="col-12">    
            <a href={{article.tbl.url}}>TBL文件下载</a>
            {% comment %} {{ article.title }} {% endcomment %}
        </div>
        <div class="col-12">
            <p>修改时间：{{ article.created|safe }}</p>
        </div>
    </div>
</div>

<script>
    // 删除文章的函数
    function confirm_delete() {
        // 调用layer弹窗组件
        layer.open({
            // 弹窗标题
            title: "确认删除",
            // 正文
            content: "确认删除这篇文章吗？",
            // 点击确定按钮后调用的回调函数
            yes: function(index, layero) {
                // 指定应当前往的 url
                location.href='{% url "article:article_delete" article.id %}'
            },
        })
    }

</script>

{% endblock content %}